<template>
	<view>
		<u-navbar :background="background" :borderBottom="false">
			<view class="ft_16 fw-b">
				经销明细
			</view>
		</u-navbar>
		<view class="content" v-if="detailList.length>0">
			<view class="con_1 display just_space" v-for="(item,index) in detailList" :key="index">
				<view class="">
					<view class="ft_16 fw-b p_bottom_5">
						{{item.title}} <text v-if="item.status==1">(已取消)</text>
					</view>
					<view class="c-999 p_bottom_5">
						{{item.content}}
					</view>
					<view class="c-999" :class="item.status==1?'p_bottom_5':''">
						<text>时间：{{item.createtime}}</text>
					</view>
					<view class="c-999">
						<text v-if="item.status==1">取消原因：用户退货</text>
					</view>
				</view>
				<view class="ft_18 fw-b">
					+{{item.price}}
				</view>
			</view>
		</view>
		<view class="ft_16 fw-b" v-else style="text-align: center;padding: 15px 0;">
			暂无明细
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{backgroundColor: '#ffffff',},
				detailList:[], //明细列表
				
			}
		},
		onLoad() {
			this.getInfo() //获取经销明细
		},
		methods: {
			getInfo(){ //获取经销明细
				this.$myRequest('user/income_detailed',{})
				.then(res=>{
					console.log(res.data);
					if(res.data.code==1){
						this.detailList=res.data.data.list //经销明细
					}
				})
			},
			
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fafafa;
}
.content{
	margin-top: 5px;background-color: #FFFFFF;
	.con_1{
		padding: 20px 15px;
		border-bottom: 1px solid #eeeeee;
	}
	
}

</style>
